---
const {headerId,tabTarget,tabControl} = Astro.props; 
---
<li class="me-2" role="presentation">
    <button
      class="inline-block p-4 border-b-2 rounded-t-lg hover:text-gray-600 hover:cursor-pointer hover:border-gray-300 dark:hover:text-gray-300"
      id={headerId}
      data-tabs-target={tabTarget}
      type="button"
      role="tab"
      aria-controls={tabControl} 
      aria-selected="false"><slot/></button>
</li>